<script setup lang="ts">
import BlockBox from '../BlockBox.vue';
import { ref } from "vue"
import Slider from '../../packages/components/slider/src/index.vue';
const timeLine = ['1是的是的', '2阿萨德发生', '3阿萨德', '4哒哒哒是', '5大杀手大', '6爱仕达', '7阿法狗', '8阿萨德', '9放放风', '10滚滚滚', '6房的首付', '7是的', '8啊啊啊', '9滚滚滚', '10刚刚好'];
const a = ref(4)
const ab = (val: string, index: number) => {
    console.log(1111111111, val, index);

}
</script>

<template>
    <BlockBox text="Slider">
        <div
            style="width: 500px;height: 200px;display: flex;flex-direction: column;justify-content: space-around;align-items: center;">
            <Slider :timeLine="timeLine" :value="a" @changeValue="ab"></Slider>
        </div>
    </BlockBox>
</template>

<style scoped></style>
